<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台管理 - 筑梦智程</title>
    <link rel="icon" type="image/x-icon" href="https://pic.imgdb.cn/item/66e93bfef21886ccc0d210d1.jpg"/>
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./admin.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
</head>
<body>
    <header class="site-header">
        <div class="container">
            <div class="header-content">
                <div class="logo-container">
                    <div class="logost"></div>
                    <div class="logo">筑梦智程</div>
                </div>
                <nav class="main-nav">
                    <ul class="navigation">
                        <li><a href="index.html">返回首页</a></li>
                        <li><a href="#" class="active">后台管理</a></li>
                    </ul>
                </nav>
                <div class="theme-switch-wrapper">
                    <em>暗黑模式</em>
                    <label class="theme-switch" for="checkbox">
                        <input type="checkbox" id="checkbox" />
                        <div class="slider round"></div>
                    </label>
                </div>
            </div>
        </div>
    </header>

    <main>
        <section id="admin-dashboard" class="section-padding">
            <div class="container">
                <h1 class="section-title">后台管理面板</h1>
                <div class="admin-grid">
                    <div class="admin-card">
                        <h2>课程管理</h2>
                        <ul>
                            <li><a href="#">添加新课程</a></li>
                            <li><a href="#">编辑现有课程</a></li>
                            <li><a href="#">管理课程分类</a></li>
                        </ul>
                    </div>
                    <div class="admin-card">
                        <h2>用户管理</h2>
                        <ul>
                            <li><a href="#">查看用户列表</a></li>
                            <li><a href="#">管理用户权限</a></li>
                        </ul>
                    </div>
                    <div class="admin-card">
                        <h2>内容管理</h2>
                        <ul>
                            <li><a href="#">管理首页内容</a></li>
                            <li><a href="#">编辑关于我们</a></li>
                            <li><a href="#">更新联系信息</a></li>
                        </ul>
                    </div>
                    <div class="admin-card">
                        <h2>数据统计</h2>
                        <ul>
                            <li><a href="#">查看网站访问统计</a></li>
                            <li><a href="#">课程参与度分析</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer class="site-footer">
        <div class="container">
            <p>&copy; 2024 筑梦智程. All rights reserved.</p>
        </div>
    </footer>

    <script src="index.js"></script>
    <script src="theme-switch.js"></script>
    <script src="admin.js"></script>
</body>
</html>